<template>
	<view class="container">
		<view class="item">
			<view class="title">
				<text>活动主题</text>
			</view>
			
			<view class="li">
				<text>XXX学校校花校草评选</text>
			</view>
		</view>
		
		<view class="item">
			<view class="title">
				<text>活动链接(仅发起者可见，长按可复制)</text>
			</view>
			<view class="li" @longtap="copy('pages/vote/show?id=1')">
				<text>pages/vote/show?id=1</text>
			</view>
		</view>
		
		<view class="item">
			<view class="title">
				<text>活动主办方</text>
			</view>
			
			<view class="li">
				<text>主办方名称：官网</text>
			</view>
			<view class="li">
				<text>主办方电话：13838224888</text>
			</view>
		</view>
		
		<view class="item">
			<view class="title">
				<text>活动时间</text>
			</view>
			
			<view class="li">
				<text>报名时间：2022-04-09 00:00 ~ 2022-04-10 00:00</text>
			</view>
			<view class="li">
				<text>投票时间：2022-04-09 00:00 ~ 2022-04-10 00:00</text>
			</view>
		</view>
		
		<view class="item">
			<view class="title">
				<text>投票规则</text>
			</view>
			
			<view class="li">
				<text>每位用户每天可投1票</text>
			</view>
			
			<view class="li">
				<text>可重复投票</text>
			</view>
			
			<view class="li">
				<text>不限制地区</text>
			</view>
		</view>
		
		<view class="item">
			<view class="title">
				<text>活动奖励</text>
			</view>
			
			<view>
				
			</view>
		</view>
		
		<view class="item">
			<view class="title">
				<text>活动介绍</text>
				
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				data: {}
			};
		},
		onLoad() {
			let that = this;
			// #ifdef APP-NVUE
			const eventChannel = this.$scope.eventChannel; // 兼容APP-NVUE
			// #endif
			// #ifndef APP-NVUE
			const eventChannel = this.getOpenerEventChannel();
			// #endif
			
			eventChannel.on('acceptDataFromOpenerPage', function(data) {
				that.data = data;
			})
		},
		methods:{
			copy(t){
				this.globalUtil.copy(t,false);
			}
		},
	}
</script>

<style lang="scss">
	.container{
		padding: 30rpx;
		
		.title{
			padding-bottom: 20rpx;
			padding-top: 20rpx;
			font-size: 35rpx;
			font-weight: 600;
			color: #f96770;
		}
		
		.li{
			padding-bottom: 10rpx;
			padding-top: 10rpx;
			color: #909399;
		}
	}
</style>
